<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" type="text/css" href="../css/aui.css" />
		<style type="text/css">
			.aui-list-item.wechat-top {
				background-color: #f3f3f7;
			}
			.aui-list .wechat-avatar {
				width: 3rem;
			}
			.wechat-avatar .aui-row-padded {
				background-color: #dddee0;
				padding: 0.1rem;
				border-radius: 0.2rem;
				margin-left: -0.05rem;
				margin-right: -0.05rem;
			}
			.wechat-avatar, .wechat-avatar > img {
				border-radius: 0.4rem;
			}
			.aui-list {
				border-top: none;
			}
			@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
				.aui-list {
					border: none;
					background-size: 100% 0px;
				}
			}
		</style>
	</head>
	<body>
		<div class="aui-content aui-margin-b-15">
			<ul class="aui-list aui-media-list">
				<li class="aui-list-item aui-list-item-middle" onclick="li('3018','川哥哥','../res/tx0.jpg')">
					<div class="aui-media-list-item-inner">
						<div class="aui-list-item-media wechat-avatar">
							<img src="../res/tx0.jpg" />
						</div>
						<div class="aui-list-item-inner">
							<div class="aui-list-item-text">
								<div class="aui-list-item-title">
									川哥哥
								</div>
							</div>
							<div class="aui-list-item-text aui-font-size-12 aui-text-success">
								[在线] 欢迎大家一起学习和交流
							</div>
						</div>
					</div>
				</li>
				<li class="aui-list-item aui-list-item-middle" onclick="li('3001','李宇春','../res/tx1.jpg')">
					<div class="aui-media-list-item-inner">
						<div class="aui-list-item-media wechat-avatar">
							<img src="../res/tx1.jpg" />
						</div>
						<div class="aui-list-item-inner">
							<div class="aui-list-item-text">
								<div class="aui-list-item-title">
									李宇春
								</div>
							</div>
							<div class="aui-list-item-text aui-font-size-12 aui-text-warning">
								[在线] 妈檫皮鞋！热死劳资了
							</div>
						</div>
					</div>
				</li>
				<li class="aui-list-item aui-list-item-middle" onclick="li('3002','潘玮柏','../res/tx2.jpg')">
					<div class="aui-media-list-item-inner">
						<div class="aui-list-item-media wechat-avatar">
							<img src="../res/tx2.jpg" />
						</div>
						<div class="aui-list-item-inner">
							<div class="aui-list-item-text">
								<div class="aui-list-item-title">
									潘玮柏
								</div>
							</div>
							<div class="aui-list-item-text aui-font-size-12 aui-text-danger">
								[在线] 狗日的好久没发新专辑了...
							</div>
						</div>
					</div>
				</li>
				<li class="aui-list-item aui-list-item-middle" onclick="li('3003','周杰伦','../res/tx3.jpg')">
					<div class="aui-media-list-item-inner">
						<div class="aui-list-item-media wechat-avatar">
							<img src="../res/tx3.jpg" />
						</div>
						<div class="aui-list-item-inner">
							<div class="aui-list-item-text">
								<div class="aui-list-item-title">
									周杰伦
								</div>
							</div>
							<div class="aui-list-item-text aui-font-size-12 aui-text-indigo">
								[忙碌] 糟了长胖了，要减肥了额/(ㄒoㄒ)/~~
							</div>
						</div>
					</div>
				</li>
				<li class="aui-list-item aui-list-item-middle" onclick="li('3004','张杰','../res/tx4.jpg')">
					<div class="aui-media-list-item-inner">
						<div class="aui-list-item-media wechat-avatar">
							<img src="../res/tx4.jpg" />
						</div>
						<div class="aui-list-item-inner">
							<div class="aui-list-item-text">
								<div class="aui-list-item-title">
									张杰
								</div>
							</div>
							<div class="aui-list-item-text aui-font-size-12 aui-text-success">
								[忙碌] 游戏cf...
							</div>
						</div>
					</div>
				</li>
				<li class="aui-list-item aui-list-item-middle" onclick="li('3005','鹿晗','../res/tx5.jpg')">
					<div class="aui-media-list-item-inner">
						<div class="aui-list-item-media wechat-avatar">
							<img src="../res/tx9.jpg" />
						</div>
						<div class="aui-list-item-inner">
							<div class="aui-list-item-text">
								<div class="aui-list-item-title">
									鹿晗
								</div>
							</div>
							<div class="aui-list-item-text aui-font-size-12 aui-text-primary">
								[在线] 十年后的今天 你在干什么？？
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.js" ></script>
	<script type="text/javascript">
		apiready = function() {
			$api.fixStatusBar($api.dom('.aui-bar-nav'));
		}
		function li(id, zh, tx) {
			api.openWin({
				reload : true,
				name : 'chat',
				url : 'win_chat.html',
				vScrollBarEnabled : false,
				pageParam : {
					id : id,
					zh : zh,
					tx : tx
				}
			});
		}
	</script>
</html>